﻿<!DOCTYPE html>
<html>

	<head>
		<title>产品列表</title>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/weui.min.css">
		<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/jquery-weui.css">
		<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/style.css">


		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_400457_vapvxk8ci8uxr.css"/>
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/shop/css/font-icon.css"/>



		<script type="text/javascript">
			! function(J) {
				function H() {
					var d = E.getBoundingClientRect().width;
					var e = (d / 7.5 > 100 * B ? 100 * B : (d / 7.5 < 42 ? 42 : d / 7.5));
					E.style.fontSize = e + "px", J.rem = e
				}
				var G, F = J.document,
					E = F.documentElement,
					D = F.querySelector('meta[name="viewport"]'),
					B = 0,
					A = 0;
				if(D) {
					var y = D.getAttribute("content").match(/initial\-scale=([\d\.]+)/);
					y && (A = parseFloat(y[1]), B = parseInt(1 / A))
				}
				if(!B && !A) {
					var u = (J.navigator.appVersion.match(/android/gi), J.navigator.appVersion.match(/iphone/gi)),
						t = J.devicePixelRatio;
					B = u ? t >= 3 && (!B || B >= 3) ? 3 : t >= 2 && (!B || B >= 2) ? 2 : 1 : 1, A = 1 / B
				}
				if(E.setAttribute("data-dpr", B), !D) {
					if(D = F.createElement("meta"), D.setAttribute("name", "viewport"), D.setAttribute("content", "initial-scale=" + A + ", maximum-scale=" + A + ", minimum-scale=" + A + ", user-scalable=no"), E.firstElementChild) {
						E.firstElementChild.appendChild(D)
					} else {
						var s = F.createElement("div");
						s.appendChild(D), F.write(s.innerHTML)
					}
				}
				J.addEventListener("resize", function() {
					clearTimeout(G), G = setTimeout(H, 300)
				}, !1), J.addEventListener("pageshow", function(b) {
					b.persisted && (clearTimeout(G), G = setTimeout(H, 300))
				}, !1), H()
			}(window);
			if(typeof(M) == 'undefined' || !M) {
				window.M = {};
			}
		</script>
	</head>

	<body ontouchstart>

		<!--顶部搜索-->
		<header class='weui-header fixed-top'>
			<div class="shop-0">
				<div class="xw_90">
					<a href="javascript:history.go(-1)">
						<img src="{:_SKIN}/weixin/shop/img/fanhui.png" class="zuo mt_15" width="12px" height="20px">
					</a>
					<h3 class="neilian">产品列表</h3>
					<a href="{:url('my/car')}">
						<img src="{:_SKIN}/weixin/shop/img/shop-che.png" class="you mt_15" width="20px" height="20px">
					</a>
				</div>
			</div>
			<div class="weui-search-bar" id="searchBar">
  <form class="weui-search-bar__form" action="{:url('productlist1')}">
    <div class="weui-search-bar__box">
      <i class="weui-icon-search"></i>
      <input type="search" class="weui-search-bar__input" id="searchInput" name="key" placeholder="搜索" name="" required="" style="background-image:none">
      <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
    </div>
    <label class="weui-search-bar__label" id="searchText">
      <i class="weui-icon-search"></i>
      <span>搜索</span>
    </label>
  </form>
  <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
</div>
			
		</header>
		<!--主体-->
		<div class="weui-content" style="padding-top:95px;background-color: #fff;">
			<!--产品列表--滑动加载-->

			<ul class="news" style="padding: 4px 9px">

				{volist name="list" id="v"}
				<li>
					<a href="{:url('product',['id'=>$v['id']])}">
						<div class="news-pic"><img class="lazyload" data-original="{$v.pic}"></div>
						<div class="news-text">
							<h2>{$v.name}</h2>
							<div class="">
								<img src="{:_SKIN}/weixin/shop/img/goumai.png" width="16px" /><span class="hui font-12 mt-zuo_5">{:mt_rand(111,999)}</span>
								<img src="{:_SKIN}/weixin/shop/img/xinxin.png" width="16px" class="mt-zuo_10" /><span class="hui font-12 mt-zuo_5">{:mt_rand(111,999)}</span>
							</div>
							<div class="date">
								<label class="time hong font-16">¥{$v.price}</label>
								<label class="view hui font-12">{$v.shop}</label>
							</div>
						</div>
					</a>
				</li>
				{/volist}
			</ul>

		</div>

	
<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script>
<script src="https://cdn.bootcss.com/jquery_lazyload/1.9.5/jquery.lazyload.min.js"></script>


<script type="text/javascript">
	$(".lazyload").lazyload();

</script>
	</body>

</html>